<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>张三 - 个人简历</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 40px;
            text-align: center;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }
        
        h1 {
            font-size: 2.8em;
            margin-bottom: 10px;
        }
        
        .contact-info {
            font-size: 1.2em;
            opacity: 0.95;
        }
        
        .capsules-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 25px;
            margin-top: 20px;
        }
        
        .capsule {
            background: white;
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        
        .capsule:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }
        
        .capsule-header {
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #667eea;
        }
        
        h2 {
            color: #667eea;
            font-size: 1.6em;
        }
        
        .education-item, .skill-category, .experience-item {
            margin-bottom: 20px;
        }
        
        .education-header, .experience-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .institution, .company {
            font-weight: bold;
            font-size: 1.1em;
        }
        
        .period {
            color: #667eea;
            font-weight: bold;
            background: #e8f4ff;
            padding: 3px 10px;
            border-radius: 15px;
        }
        
        .gpa {
            background: #e8f4ff;
            padding: 3px 10px;
            border-radius: 15px;
            font-size: 0.9em;
            color: #667eea;
            font-weight: bold;
            display: inline-block;
            margin-top: 5px;
        }
        
        ul {
            padding-left: 20px;
        }
        
        li {
            margin-bottom: 8px;
        }
        
        .skill-grid {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .skill-category h3 {
            color: #764ba2;
            margin-bottom: 10px;
            font-size: 1.2em;
        }
        
        .certification {
            background: #fff8e6;
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        
        .certification h3 {
            color: #ff9800;
            margin-bottom: 8px;
        }
        
        .self-evaluation {
            background: #f0f8ff;
            padding: 20px;
            border-radius: 10px;
            font-style: italic;
            flex-grow: 1;
        }
        
        .full-width {
            grid-column: 1 / -1;
        }
        
        @media (max-width: 768px) {
            body {
                padding: 15px;
            }
            
            .capsules-container {
                grid-template-columns: 1fr;
            }
            
            header {
                padding: 25px 20px;
            }
            
            h1 {
                font-size: 2.2em;
            }
            
            .capsule {
                padding: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>张三</h1>
            <div class="contact-info">云计算工程师 | 深圳职业技术大学</div>
        </header>
        
        <div class="capsules-container">
            <div class="capsule">
                <div class="capsule-header">
                    <h2>教育背景</h2>
                </div>
                <div class="education-item">
                    <div class="education-header">
                        <span class="institution">深圳职业技术大学</span>
                        <span class="period">2022.09 - 2025.06</span>
                    </div>
                    <div>云计算技术与应用专科</div>
                    <div class="gpa">GPA：3.5/4.0，专业排名前 10%</div>
                    <div>主修课程：云存储技术与应用、虚拟化技术与应用、计算机网络安全、计算机网络基础、服务器管理、云基础架构与实现、路由器交换技术、Linux 系统应用、Docker 容器应用等</div>
                </div>
            </div>
            
            <div class="capsule">
                <div class="capsule-header">
                    <h2>专业技能</h2>
                </div>
                
                <div class="certification">
                    <h3>技能证书</h3>
                    <div>HCIE-Cloud Computing（华为认证 ICT 专家-云计算）</div>
                </div>
                
                <div class="skill-grid">
                    <div class="skill-category">
                        <h3>华为云平台技术</h3>
                        <ul>
                            <li>熟悉华为云服务：VPC、ECS、RDS、OBS等</li>
                            <li>掌握FusionCompute虚拟化平台的使用</li>
                            <li>了解FusionAccess桌面云的部署和管理</li>
                            <li>熟悉华为云Stack私有云解决方案</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category">
                        <h3>AWS平台技术</h3>
                        <ul>
                            <li>使用AWS EC2搭建虚拟服务器，通过ELB实现高可用性</li>
                            <li>配置Amazon S3存储桶，通过CloudFront加速内容分发</li>
                            <li>使用RDS创建并管理MySQL数据库</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category">
                        <h3>其他技能</h3>
                        <ul>
                            <li>操作系统：熟练掌握Linux和Windows系统安装、配置及故障排查</li>
                            <li>数据库：熟悉MySQL数据库基础知识，包括SQL语言、数据类型和表结构设计</li>
                            <li>编程语言：熟悉Python、Shell自动化编程</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <div class="capsule">
                <div class="capsule-header">
                    <h2>实习经历</h2>
                </div>
                <div class="experience-item">
                    <div class="experience-header">
                        <span class="company">腾讯公有云</span>
                        <span class="period">2024.12 - 2025.07</span>
                    </div>
                    <div>售后服务工程师实习生</div>
                    <h3>技术支持与问题解决</h3>
                    <ul>
                        <li>为腾讯云客户提供专业的售后技术支持，包括云服务器(CVM)、对象存储(COS)、云数据库(TDSQL)等产品的使用咨询和技术故障排查</li>
                        <li>协助客户解决部署和运维过程中遇到的问题，确保服务的稳定性和高效性</li>
                    </ul>
                    <h3>技能提升</h3>
                    <ul>
                        <li>深入了解腾讯云的各种产品和服务，增强云计算领域专业知识</li>
                        <li>提升问题分析和解决能力，尤其是在处理紧急情况时的应变能力</li>
                        <li>增强客户服务意识，学会从客户需求出发提供最合适的解决方案</li>
                        <li>实习期间平均每天解决6-7个问题，并获得客户正面评价</li>
                    </ul>
                </div>
            </div>
            
            <div class="capsule full-width">
                <div class="capsule-header">
                    <h2>自我评价</h2>
                </div>
                <div class="self-evaluation">
                    对待工作认真负责，善于沟通，具有较强的组织能力与团队精神；性格开朗，积极向上，有强烈的上进心和持续学习的态度，能够不断提高自身的综合能力。希望在工作中以充沛的精力和钻研精神，稳步提升个人工作能力，与企业共同发展。
                </div>
            </div>
        </div>
    </div>
</body>
</html>